import { Routes } from '@angular/router';
import { ShopListComponent } from './pages/shop-list/shop-list.component';
import { ShopDetailsComponent } from './pages/shop-details/shop-details.component';
import { EmptyComponent } from './pages/empty/empty.component';

export const routes: Routes = [
  {path: '', pathMatch: 'full', redirectTo: 'shop'},
  {
    path: 'shop', children: [
      {path: '', pathMatch: 'full', redirectTo: 'list'},
      {path: 'list', component: ShopListComponent},
      {path: 'details', component: ShopDetailsComponent},
    ],
  },
  {path: '**', component: EmptyComponent},
];
